<!--{subtemplate common/header}-->
<section class="container-fy">
    <div>
        <link href="source/plugin/fytools/template/css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="source/plugin/fytools/template/css/main.css" rel="stylesheet" type="text/css">
        <link href="source/plugin/fytools/template/css/dream.css" rel="stylesheet" type="text/css">
        <script src="source/plugin/fytools/template/js/vendor/jquery-1.12.0.min.js" type="text/javascript"></script>
        <script src="source/plugin/fytools/template/js/vendor/bootstrap.min.js" type="text/javascript"></script>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <div class="phone">

            </div>
        </div>
        <div class="col-xs-6">
            <form role="form" class="dream-model query-model form-horizontal"  onsubmit="return checkSubmit();" action="plugin.php?id=fytools:dream&query=query" method="post">
                <div class="title">周公解梦</div>
                <div class="form-group">
                    <label for="dream-key"  class="col-xs-3 control-label">解梦</label>
                    <div class="col-xs-6">
                        <input type="text" id="dream-key" name="keyword" class="form-control" placeholder="请输入梦境关键字" onclick="hideError()">
                    </div>
                    <div class="col-xs-3 error display-none">请输入内容</div>
                </div>
                <input type="submit" value="解开我的梦境" class="submit-query" style="background: #AFA3CE">
            </form>
        </div>
    </div>
<script>
    function checkSubmit(){
        if($("#dream-key").val().trim()==""||!$("#dream-key").val()){
            $(".error").removeClass("display-none");
            return false;
        }else{
            $(".error").addClass("display-none");
            return true;
        }
    }
    function hideError () {
        $(".error").addClass("display-none");
    }
</script>
</section>
</body>
{subtemplate common/footer}
